<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="description" content="">
    <meta name="author" content="">    
	<meta name="keywords" content="玩精灵,财经智库">	
	<title>玩精灵后台</title>	
	<link rel="stylesheet" type="text/css" href="../css/lqcss.css">
	<link rel="stylesheet" type="text/css" href="../css/lqpublic.css">
	<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="../js/jquerysession.js"></script>	
	<script type="text/javascript" src="../js/lqjs.js"></script>	
	<!--[if (gte IE 6)&(lte IE 10)]>
	  <link href="css/lqcssie.css" rel="stylesheet" type="text/css">
	  <link href="css/lqpublicie.css" rel="stylesheet" type="text/css">
	<![endif]-->
</head>

	<body>
		<div class="container">
		<!-- 主体部分 -->
			<div class="containermain">
			<!-- 头部 -->
				<div id="header">
					<div class="header">
						<div class="logo">
							<img class="logoimg" src="images/icologo@3x.png" alt="玩精灵">
							<h2 class="logotext">玩精灵</h2>
						</div>
						<h2 class="biaoyu">欢迎登录后台管理系统</h2>
						<div class="userdiv">
							<div class="userde">
								<img class="userimg" src="images/icologo@3x.png" />
								<span class="username">Admin</span>
								<i class="icoup"></i>
							</div>
							<!-- 账户信息 -->
							<div id="userdetils">
								<p class="usertext"><i class="userico"></i>账户:18989876567</p>
								<a class="userbtn originbtn">退出登录</a>
							</div>
						</div>
					</div>
				</div>
				<!-- 内容 -->
				<div id="main">
				<!-- 左侧导航 -->
						<div id="leftnav">
							<ul class="leftnav">
								<li class="navli select">
									<a id="nav01"><i class="ico"></i><span>系统管理</span></a>
									<ul>
										<li id="nav01_11"><a>banner</a></li>
									</ul>
								</li>
								<li class="navli" >
									<a id="nav04"><i class="ico"></i><span>用户管理</span></a>
									<ul>
										
										<li id="nav04_13"><a>作者管理</a></li>

									</ul>
								</li>
								
								<li class="navli" id="nav08">
									<a><i class="ico"></i><span>日志管理</span></a>
								</li>
								<li class="navli" id="nav11">
									<a><i class="ico"></i><span>数据统计</span></a>
								</li>
								<li class="navli">
									<a id="nav13"><i class="ico"></i><span>栏目管理</span></a>
									<ul>
									   <li id="nav013_12"><a>栏目添加</a></li>
									</ul>   
								</li>
							</ul>
						</div>

								<!-- 右侧内容 -->
						<div id="rightcontent">
							<div class="rightcontent">
								<!-- 页面导航 -->
								<div class="righttopnav">
									<a class="index">首页></a><a>栏目下的课程管理</a>
								</div>
								<!-- 操作区 -->
								<div class="caozuodiv">
									<!-- <input class="searchinpu" type="text" name="" placeholder="用户名">
									<a class="originborbtn usersear">查询</a> -->
									<a class="originbtn adduser">新建文章课程</a>
									<a class="originbtn adduser2">新建音频课程</a>
									<a class="originbtn adduser3">新建视频课程</a>
								</div>

								<!-- 数据table -->
								<div class="contenttable">
									
									<table id="table01" class="table01">
										<!-- <colgroup>
										 <col class="item-list-col0">
										 <col class="item-list-col1">
										 <col class="item-list-col2">
										 <col class="item-list-col3">
										 <col class="item-list-col4">
										 <col class="item-list-col5">
										 <col class="item-list-col6">
										 </colgroup>
										<tr>
											<th>图片</th>
											<th>标题</th>
											<th>地址</th>
											<th>状态</th>
											<th>创建时间</th>
											<th>操作</th>
										</tr>
										<tr>
											<td><img src="../images/111.png"></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr>									
										<tr>
											<td><img src=""></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr> -->
									</table>
								</div>

								<!-- 翻页 -->
								<!-- <div class="pages">
									<a class="pre"><</a>
									<ul class="pagesul">
										<li class="pagesnum thispage">1</li>
										<li class="pagesnum">总共3页</li>
									</ul>
									<a class="next">></a>

								</div> -->
							</div>
							</div>
				</div>
	
				
						
						<!-- 用户编辑框 -->
						<div class="zhezhaodiv"></div>
						<div class="editordiv">
							<!-- 页面导航 -->
								<div class="righttopnav">
									新增/编辑
								</div>

								<!-- 数据table -->
								<div class="contenttable">
									
									<div id="table01">										
										<div class="table_user">
											<label class="add_lable">用户名称</label>
											<input class="table_inp" id="loginName" type="text" name=""/>
										</div>					
										<div class="table_user">
											<label class="add_lable">手机号</label>
											<input class="table_inp" id="phone" type="text" name=""/>
										</div>				
										<!-- <div class="table_user">
											<label class="add_lable">设置权限</label>	
											<label class="labelp"><input type="radio" name="abcd" value="4" checked><i>✓</i>系统管理员</label>	
											<label class="labelp"><input type="radio" name="abcd" value="3"><i>✓</i>运维</label>
											<label class="labelp"><input type="radio" name="abcd" value="2"><i>✓</i>客服</label> 
											<label class="labelp"><input type="radio" name="abcd" value="1"><i>✓</i>管理员</label>
										</div>	 -->
										<div class="table_user">
											<label class="add_lable">状态</label>	
											<label class="labelp"><input type="radio" name="abc" value="Y" checked disabled><i>✓</i>启用</label>
											<label class="labelp"><input type="radio" name="abc" value="N" disabled><i>✓</i>停止</label><br>  
	
										</div>	
										<div class="btns">
											<a class="originbtn adduserbtn">确定</a>
											<a class="whitebtn backbtn">返回</a>
										</div>	
									</div>
								</div>
						</div>
		<!-- 	</div> -->
			
		<!-- </div> -->
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="../js/jquerysession.js"></script>
<script type="text/javascript">
$(".username").html($.session.get("loginName"));
$("#rightcontent").load("systemManagement.html");
$(".usertext").html('<i class="userico"></i>账户:'+$.session.get("loginName")+'');

//判断登录状态
var username = $.session.get('loginName');
console.log(username);
if(username==null || username == undefined){
	//未登录
	window.location.href="login.html";
}

//退出登录
$(".userbtn").click(function(){	
	$.ajax({
		type: "post",
		url: url+"manager/outLogin",
		success: function(data){
			console.log(data);
			if(data.code=='2000'){	
				//清空缓存
				$.session.get('loginName');
				window.location.href="login.html"; 
			}else{
				window.location.href="login.html"; 
			}
		}
	})
	console.log('登出');
})


$(".userde").click(function(){
	$("#userdetils").toggle(300);
	setTimeout(function(){
		$("#userdetils").hide(300);
	},5000);

})

$(".navli").click(function(){
	$(this).addClass(' select').siblings().removeClass(' select');		
	$(this).children('ul').show('fast');
	$(this).siblings().children('ul').hide('fast');
});
$(".navli ul li").click(function(){
	$(this).addClass(' select').siblings().removeClass(' select');		
});

$(".navli").click(function(){
	$(this).addClass(' select').siblings().removeClass(' select');					
});
$("#nav01").click(function(){
	// window.location.href="index.html"; 
});
$("#nav01_11").click(function() {
	$("#rightcontent").load("marketingmar/bannermar.html");
})
// 留言管理
$("#nav04_12").click(function() {
	$("#rightcontent").load("leavemessage/leavemessage.html");
})
// 作者管理
$("#nav04_13").click(function() {
	$("#rightcontent").load("author/authormar.html");
})
// 评论管理
$("#nav04_14").click(function() {
	$("#rightcontent").load("comment/comment.html");
})
//操作员管理
$("#nav02").click(function(){
	$("#rightcontent").load("operatorManagement.html");
});
//菜单管理
$("#nav03").click(function(){
	$("#rightcontent").load("404.html");
});
// // 栏目管理
// $("#nav03_12").click(function(){
// 	window.location.href="content/contentManagement.html"; 
// 	// $("#rightcontent").load("contentManagement.html");
// });
// // 添加课程
// $("#nav03_13").click(function(){
// 	window.location.href="content/class.html"; 
// 	// $("#rightcontent").load("contentManagement.html");
// });
// // 上传文件
// $("#nav03_14").click(function(){
// 	window.location.href="content/matter.html"; 
// 	// $("#rightcontent").load("contentManagement.html");
// });

//用户管理
$("#nav04").click(function(){
	$("#rightcontent").load("userManagement.html");
});
$("#nav05").click(function(){
	$("#rightcontent").load("404.html");
});
//角色管理
// $("#nav06").click(function(){
// 	$("#rightcontent").load("roleManagement.html");
// });
//内容管理
$("#nav07").click(function(){
	window.location.href="contentManagement.html"; 
	// $("#rightcontent").load("contentManagement.html");
});


$("#nav08").click(function(){
	$("#rightcontent").load("404.html");
});
// 订单管理
$("#nav09").click(function(){
	$("#rightcontent").load("order.html");
});
$("#nav10").click(function(){
	$("#rightcontent").load("404.html");
});
$("#nav11").click(function(){
	$("#rightcontent").load("404.html");
});
$("#nav12").click(function(){
	$("#rightcontent").load("404.html");
});
// 栏目管理
$("#nav013_12").click(function(){
	$("#rightcontent").load("special/special.html");
});
// 课程添加
$("#nav013_13").click(function(){
	$("#rightcontent").load("special/speciala.html");
});

 $(document).ready(function() {  
        // val()无参数是取值，有参数是设置  
        // 为了更好的兼容性，将下面的val()设置与input中的placeholder的值设置相同  
        $("input.searchinpu").val("请输入完整专栏标题");  
        textFill($('input.searchinpu'));  
    }); 
var urank = $.session.get("rank");
console.log("banner管理");
	$(".navli").click(function(){
		$(this).addClass('select').siblings().removeClass('select');					
	});
	
//添加新数据
$(".adduser").click(function(){
	console.log("新增文章课程3");
		window.location.href='../addcontent.html?coursid='+coursid+'&authorSid='+authorSid;
});

$(".adduser2").click(function(){
	console.log("新增音频2");
		window.location.href='../addaudio.html?coursid='+coursid+'&authorSid='+authorSid;
});

$(".adduser3").click(function(){
	console.log("新增视频1");
		window.location.href='../addvideo.html?coursid='+coursid+'&authorSid='+authorSid;
});



//返回
$(".backbtn").click(function(){
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
	}else{
		ison = true;
		zhezhao(ison);
	}
	}
});
//确认
var sid = '';//用户存储用户id
$(".adduserbtn").click(function(){
	console.log('确认');
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
	}
	
		console.log(sid);
		$.ajax({
			type: "get",
			url: url+"account/edit",
			data:{
				'sid': sid
			},
			success: function(data){
				console.log(data);
				var useredit = data.data.account;
				if (data.code=='2000') {
					$("#loginName").val(useredit.name);
					$("#phone").val(useredit.mobile);
					$("input[name='abc']:checked").val("Y");

				}else{
					console.log('系统错误');
				}
			}
		})

		if(ison){
			ison = false;
			zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
							

});

$(".usersear").click(function(){
	usersear();
});

//用户搜索
// function usersear(){	
// 	var searchinpu = String($(".searchinpu").val());
// 	console.log($(".searchinpu").val());
// 	console.log(searchinpu);
// 	if(searchinpu.length!=0){
// 			$.ajax({
// 		type: "get",
// 		url: url+"account/showByName",
// 		data:{
// 			'name': searchinpu
// 		},
// 		success: function(data){
// 			if(data.code == '2000'){
// 				var userlist = data.data;//用户列表数据			
// 				var userhtml = '<colgroup>'
// 										 +'<col class="item-list-col0">'
// 										 +'<col class="item-list-col1">'
// 										 +'<col class="item-list-col2">'
// 										 +'<col class="item-list-col3">'
// 										 +'<col class="item-list-col4">'
// 										 +'<col class="item-list-col5">'
// 										 +'<col class="item-list-col6">'
// 										 +'</colgroup>'
// 										+'<tr>'
// 											+'<th>图片</th>'
// 											+'<th>标题</th>'
// 											+'<th>地址</th>'
// 											+'<th>状态</th>'
// 											+'<th>创建时间</th>'
// 											+'<th>操作</th>'
// 										+'</tr>';
// 							for(var i in userlist){
// 								var usertime = timeStamp2String(parseInt(userlist.createdDatetime));
// 								var usid = userlist.sid;
// 								//创建时间
// 								id = 0; //序号归零 
// 								id++;
								
// 								userhtml += '<tr>'+
// 											'<td></td>'+
// 											'<td>'+userlist.name+'</td>'+
// 											'<td>手机号</td>'+
// 											'<td>'+userlist.mobile+'</td>'+	
// 											'<td>启用</td>'+
// 											'<td>'+usertime+'</td>'+
// 											'<td><a class="tab_editor" sid="'+usid+'"></a><a class="tab_del" sid="'+usid+'"></a></td>'+
// 											'</tr>';
											
// 							}
// 							$("#table01").html('');
// 							$("#table01").append(userhtml);
// 							console.log('数据成功加载');
// 			}else{

// 			}
			
// 		}
// 	})
// 	}else{
// 		alert("请完整输入用户名");
// 	}

// }
////获取传过来的id
var authorSid =''; //获得作者sid
var coursid=''; //接收页面传参,专题sid
function getvalue(){
///test2.html?parm1=myimg1&parm2=myimg2 
//获得第一个属性 
//
//decodeURI 解码
var url=decodeURI(location.href);
var tmp1=url.split("?")[1]; 
var tmp2=tmp1.split("&")[0]; 
var tmp3=tmp2.split("=")[1]; 

var tmp4=url.split("?")[1]; 
var tmp5=tmp4.split("&")[1];
var tmp6=tmp5.split("=")[1];

var parm1 = tmp3;//第一个参数
var parm2 = tmp6;//第一个参数
coursid = parm1;
authorSid = parm2;
console.log('专题sid='+coursid);
console.log('专题sid='+authorSid);
}
getvalue();//获得文章sid
				// banner列表数据
				// var id = 0;//序号
				// var newpage = 0; //当前页面
				// var pagesize = 6; //每页条数

				userinfo();
				function userinfo(){
				$.ajax({
					type: "get",
					url: url+"subCourse/listSubCourse",
					data:{
						'courseSid': coursid
					},
					success: function(data){
						console.log(data);
						if(data.code=='2000'){
							var userlist = data.data;//用户列表数据
							// var pageable = data.data.pageable; //用户翻页
							// var totalElements = data.data.totalElements; //总条数
							// var pageNumber = pageable.pageNumber;//当前第几页
							// var totalPages = data.data.totalPages;//总页数、
						
							var userhtml = '<colgroup>'
										 // +'<col class="item-list-col0">'
										 +'<col class="item-list-col1">'
										 +'<col class="item-list-col2">'
										 // +'<col class="item-list-col3">'
										 +'<col class="item-list-col4">'
										 +'<col class="item-list-col5">'
										 +'<col class="item-list-col6">'
										 +'</colgroup>'
										+'<tr>'
											// +'<th>专栏标题</th>'
											+'<th>课程名称</th>'
											+'<th>课程类型</th>'
											+'<th>课程创建时间</th>'
											+'<th>课程留言</th>'
											+'<th>操作</th>'
										+'</tr>';
							if (userlist.length==0) {
								userhtml+='<tr><td colspan="5">暂无课程，请添加</td></tr>';
							}else{

								for(var i in userlist){
								var usertime = userlist[i].createdDatetime;
								var usid = userlist[i].sid;
								//状态
								if( userlist[i].profileType=='1' ){
									zhuangt ='视频';
								}else if( userlist[i].profileType == '2' ){
									zhuangt ='音频';	
								}else{
									zhuangt = '文章';
								}
								//创建时间								
								// id++;	
								userhtml += '<tr>'+
								            // '<td>'+zhuangt+'</td>'+
								            '<td>'+userlist[i].title+'</td>'+
								            // '<td>'+zhuangt+'</td>'+

											// '<td><img src="'+userlist[i].imageUrl+'"></td>'+
											// '<td>'+userlist[i].title+'</td>'+
											// '<td>'+userlist[i].articleSid+'</td>'+											
											'<td>'+zhuangt+'</td>'+
											'<td>'+usertime+'</td>'+
											'<td class="liuylist" sid="'+usid+'" >查看留言</td>'+
											'<td><a class="tab_editor" artsid="'+userlist[i].articleSid+'" sid="'+usid+'"></a><a class="tab_del" sid="'+usid+'"></a></td>'+
											'</tr>';
											
							}
							}
							
							$("#table01").html('');
							$("#table01").append(userhtml);
							console.log('数据成功加载');

							//编辑课程信息
							$(".tab_editor").click(function(){
								
								window.location.href='kecediter.html?subCourseSid='+$(this).attr('sid');
							});

							//查看留言列表
							$(".liuylist").click(function(){
								window.location.href='liuyanlist.html?sid='+$(this).attr('sid');
							})

							// 删除事件
							$(".tab_del").click(function(){
								console.log(typeof $(this).attr('sid'));
								$.ajax({
									type: "post",
									url: url+"banner/removeBanner",
									data:{
										'bannerSid': $(this).attr('sid'),
										'rank': urank
									},
									success: function(data){
										if (data.code == '2000') {
											alert('删除成功');
											userinfo();
										}else{
											console.log('删除失败');
										}
									}
								});
							});
							//遮罩层弹窗							
							zhezhao(ison);

						}else{
							console.log('系统错误');
						}
						
					}
				});
		}
		
</script>
<!-- </body>
	</html>